<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>千锋🤝美团大数据平台</title>
    <link rel="stylesheet" href="./assets/css/reset.css">
</head>
<body>
    <!-- <div class="test"></div> -->

    <!-- 头 -->
    <header>
        <h1>企业营收大数据统计</h1>
        <span>2022年3月14日18时40分1秒</span>
    </header>
    <!-- 头 -->

    <!-- 内容 -->
    <section class="main">
        <div class="column">
            <div class="box" style="height:4rem"></div>
            <div class="box" style="height:2.6rem">
            <div class="big">
                <div class="biaoti">标题样式</div>
                <div class="xia">
                    <div class="leibie">
                        <span>单号</span>
                        <span>金额</span>
                        <span>品名</span>
                        <span>时间</span>
                    </div>
                    <div class="gundong">
                        <ul class="dongyidong">
                            <li><span>12341243</span><span>9999</span><span>电脑</span><span>10小时</span></li>
                            <li><span>12341243</span><span>9999</span><span>电脑</span><span>10小时</span></li>
                            <li><span>12341243</span><span>9999</span><span>电脑</span><span>10小时</span></li>
                            <li><span>12341243</span><span>9999</span><span>电脑</span><span>10小时</span></li>
                            <li><span>12341243</span><span>9999</span><span>电脑</span><span>10小时</span></li>
                            <li><span>12341243</span><span>9999</span><span>电脑</span><span>10小时</span></li>
                            <li><span>12341243</span><span>9999</span><span>电脑</span><span>10小时</span></li>
                            <li><span>12341243</span><span>9999</span><span>电脑</span><span>10小时</span></li>
                            <li><span>12341243</span><span>9999</span><span>电脑</span><span>10小时</span></li>
                            <li><span>12341243</span><span>9999</span><span>电脑</span><span>10小时</span></li>
                            <li><span>12341243</span><span>9999</span><span>电脑</span><span>10小时</span></li>
                            <li><span>12341243</span><span>9999</span><span>电脑</span><span>10小时</span></li>
                            <li><span>12341243</span><span>9999</span><span>电脑</span><span>10小时</span></li>
                            <li><span>12341243</span><span>9999</span><span>电脑</span><span>10小时</span></li>
                            <li><span>12341243</span><span>9999</span><span>电脑</span><span>10小时</span></li>
                            <li><span>12341243</span><span>9999</span><span>电脑</span><span>10小时</span></li>
                            <li><span>12341243</span><span>9999</span><span>电脑</span><span>10小时</span></li>
                        </ul>
                    </div>
                </div>
            </div>
            </div>
            <div class="box box-l3" style="height:2.6rem"></div>
        </div>
        <div class="column">
            <div class="box" style="height:2.3rem">
                <div class="column-big">
                    <div class="column-left">
                        <div class="top">总体情况<span>（单位：元）</span></div>
                        <div class="column-left-bottom">9991299</div>
                    </div>
                    <div class="column-right">
                        <div class="left">
                            <span>标题样式</span>
                            <div class="box-m1-1">
                            </div>
                        </div>
                        <div class="middle">
                            <span>标题样式</span>
                            <div class="box-m1-2"></div>
                        </div>
                        <div class="right">
                            <span>标题样式</span>
                            <div class="box-m1-3"></div>
                        </div>
                    </div>
                   
                </div>
            </div>
            <div class="box box-m2" style="height:3.5rem"></div>
            <div class="box box-m3" style="height:3.4rem"></div>
        </div>
        <div class="column">
            <div class="box" style="height:3rem">
                <div class="big">
                    <div class="biaoti">标题样式</div>
                    <div class="xia">
                        <div class="leibie">
                            <span>排名</span>
                            <span>数量</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <span>增涨</span>
                        </div>
                        <div class="gundong">
                            <ul>
                                <li><div>1</div>&nbsp;&nbsp;<span>腾讯科技</span><span>200万</span><span>300%</span></li>
                                <li><div>2</div>&nbsp;&nbsp;<span>百度公司</span><span>92134万</span><span>200%</span></li>
                                <li><div>3</div>&nbsp;&nbsp;<span>新浪</span><span>213499万</span><span>100%</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box" style="height:3rem">
            <div class="big">
                <div class="biaoti">标题样式</div>
                <div class="xia">
                    <div class="leibie">
                        <span>排名</span>
                        <span>数量</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span>增涨</span>
                    </div>
                    <div class="gundong">
                        <ul>
                            <li>
                                <div>1</div>&nbsp;&nbsp;<span>腾讯科技</span><span>200万</span><span>300%</span>
                            </li>
                            <li>
                                <div>2</div>&nbsp;&nbsp;<span>百度公司</span><span>92134万</span><span>200%</span>
                            </li>
                            <li>
                                <div>3</div>&nbsp;&nbsp;<span>新浪</span><span>213499万</span><span>100%</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            </div>
            <div class="box m3-3" style="height:3.2rem"></div>
        </div>
    </section>
    <!-- 内容 -->

    <script src="./assets/js/flexible.js"></script>
    <script src="http://unpkg.com/jquery"></script>
    <script src="https://unpkg.com/webopenfather-date@1.0.1/dist/wofDate.js"></script>
    <script src="http://unpkg.com/echarts"></script>
    <script src="./assets/js/left1.js"></script>
    <script src="./assets/js/m2.js"></script>
    <script src="./assets/js/m3.js"></script>
    <script src="./assets/js/r3-3.js"></script>
    <script src="./assets/js/m1-1.js"></script>
    <script src="./assets/js/m1-2.js"></script>
    <script src="./assets/js/m1-3.js"></script>
    <script src="./assets/js/left3.js"></script>
    <script>
    // console.log(wofDate.format('Y-m-d H:i:s'))
    // console.log(wofDate.format('Y/m/d'))
    // console.log(wofDate.format('Y/m/d H:i:s'))

    let a = 1
    setInterval(()=>{
        console.log(a);
        a--
        $(".dongyidong").css("top", `${a+'px'}`)
        if(a<=-555){
            a=1
        }
    },50)






    setInterval(() => {
        $('header span').html(wofDate.format('Y年m月d日H时i分s秒'))
    }, 1000)
    </script>
</body>
</html>